<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.ort">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script th:src="@{/layui/layui.js}" type="text/javascript"></script>
		<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
		<style>
			.layui-menu .layui-menu-item-checked:after {
			    border-right: 3px solid #1e9fff;
			}
			.layui-menu-item-checked div.layui-menu-body-title{
				color: #1e9fff;
			}
		</style>
	</head>
	<body>
		<div style="margin: 8px;">
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md3">
					<div class="layui-panel">
						<ul class="layui-menu" id="menu1">
							<li lay-options="{id:100,page:'quartzSet'}" class="layui-menu-item-checked">
								<div class="layui-menu-body-title">
									定时任务配置
								</div>
							</li>
							<li class="layui-menu-item-divider"></li>
							<li lay-options="{id:101,page:'baseSet'}">
								<div class="layui-menu-body-title">
									商城基础配置
								</div>
							</li>
							<li lay-options="{id:102,page:'feeSet'}">
								<div class="layui-menu-body-title">
									运费配置
								</div>
							</li>
							<li lay-options="{id:103,page:'orderSet'}">
								<div class="layui-menu-body-title">
									订单配置
								</div>
							</li>
							<li class="layui-menu-item-divider"></li>
							<li lay-options="{id:104,page:'littleSet'}">
								<div class="layui-menu-body-title">
									小程序配置
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="layui-col-md9">
					<iframe id="setIframe" th:src="@{/page/system/quartzSet}" frameborder="no" scrolling="auto" style="width: 100%;height: 99%;"></iframe>
				</div>
			</div>
		</div>
		<script>
			var $;
			layui.use(['jquery','dropdown'],function(){
				$ = layui.jquery;
				var dropdown = layui.dropdown;
				setHeight();

				dropdown.on('click(menu1)',function (options) {
					var page = options.page;
					$('#setIframe').attr('src','/page/system/'+page);
				})

			})
			
			//获取页面高度
			function setHeight(){
				var height = window.outerHeight-260;
				$('#setIframe').css('height',height);
			}
		</script>
	</body>
</html>
